
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>账期</title>
<link rel="stylesheet" type="text/css"
	href="../easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
<script type="text/javascript" src="../easyui/jquery.min.js"></script>
<script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../myjs/path.js"></script>
<script type="text/javascript"
	src="../easyui/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
<shiro:lacksPermission name="finance:zongzhang">没有查询此模块权限。。。</shiro:lacksPermission>
<shiro:hasPermission name="finance:zongzhang">
	<div id="cc" class="easyui-layout" data-options="fit:true">
		<div data-options="region:'center',title:''">
			<table id="tbl"></table>
		</div>
		<!-- <div data-options="region:'south',split:true" style="height: 100px;"></div> -->
	</div>
	<!-- toolbar -->
	<%--<div id="tb" hidden="hidden">
		<a href="#" onclick="confirm1()" class="easyui-linkbutton"
			data-options="iconCls:'icon-add'" hidden="hidden">开启一个新账期</a>
	</div>--%>
	</shiro:hasPermission>
</body>
<script type="text/javascript">
	
	//开启新账期流程
	function confirm1() {
		$.messager.prompt('警告！', '<strong>开启账期后之前账期停用，再添加账目归属新账期！</strong><br><br>请输入账期标识符：', function(r) {
			if(r){
				$.ajax({
					url:path+"/finance/period.do",
					data:{name:r},
					type:"POST",
					dataType:"json",
					success:function(msg){
						console.debug(msg.code)
						if(msg.code==0){
							//$.messager.alert('结果', 'ok');
							$("#tbl").datagrid('reload')					
						}
						else{
							$.messager.alert('结果', msg.msg, 'warning');
						}
					}
				})
			}
		});
	}

	// 加载表单
	$("#tbl").datagrid({
		//height: 340,
		url: path+'/finance/period.do',
		method : 'GET',
		//queryParams : {
		//	'id' : 1
		//},
		toolbar : '#tb',
		fit : true,
		//idField: '产品ID',
		striped : true,
		fitColumns : false,
		singleSelect : true,
		rownumbers : true,
		nowrap : false,
		pagination : false,
		pageSize : 50,
		pageList : [ 10, 20, 50, 100 ],
		showFooter : true,
		loadMsg : '玩命加载中......',
		columns : [ [ 
		//{
		//	field : 'ck',
		//	checkbox : true
		//}, 
		{
			field : 'id',
			title : '编号（需要隐藏）',
			width : 50,
			align : 'right',
			hidden: true
		}, {
			field : 'name',
			title : '账期标识符',
			width : 150,
			align : 'center'
		}, {
			field : 'starttimestamp',
			title : '账期开启时间',
			width : 180,
			align : 'center',
			formatter:function(value){
				return new Date(value).Format('yyyy-MM-dd hh:mm:ss');
			}
		}] ],
		loadFilter : function(responseData) {
			if(responseData.code!=0){
				$.messager.alert('出现意外', responseData.msg, 'warning');
			}
			return responseData.data;
		},
		onBeforeLoad : function(param) {
		},
		onLoadSuccess : function(data) {
			console.debug(data)
		},
		onLoadError : function() {
			console.debug('not ok')
		},
		onClickCell : function(rowIndex, field, value) {
			console.debug(value)
		}
	})
	// tbl end
	
	// 对Date的扩展，将 Date 转化为指定格式的String
	// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， 
	// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
	// 例子： 
	// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
	// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18 
	Date.prototype.Format = function (fmt) { //author: meizz 
	    var o = {
	        "M+": this.getMonth() + 1, //月份 
	        "d+": this.getDate(), //日 
	        "h+": this.getHours(), //小时 
            "m+": this.getMinutes(), //分 
	        "s+": this.getSeconds(), //秒 
	        "q+": Math.floor((this.getMonth() + 3) / 3), //季度 
	        "S": this.getMilliseconds() //毫秒 
	    };
	    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    for (var k in o)
	    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    return fmt;
	}

	
	
</script>
</html>